<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title>通用</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/homePage.css" />
		<link rel="stylesheet" type="text/css" href="css/scsy.css" />
		<link rel="stylesheet" type="text/css" href="css/my_first.css" />
	</head>

	<body>
		<div id="wrap">
			<div id="wrap_right">
				<nav class="nav">
					<div class="menu"><img src="img/menu.png" /></div>
					<span></span>

				</nav>
				<!--content开始-->
				<div class="content">
					<div class="kongbai"></div>
					<div class="weidenglu">
						<div class="youke">
							<div class="my_contimg">
								<img src="img/my/youke.png" />
							</div>

							<div class="detail">
								<div><span class="unuser">游客</span><span class="reg">登录</span></div>

								<div class="lianxuqiandao">
									<span class="lianxuqiandaotxt">连续签到</span><span class="lianxuqiandaotime">0</span><span class="lianxuqiandaoday">天</span><span class="lianxuqiandaodegree">等级说明</span>
									<img src="img/my/qiandao.png" alt="" /><span class="press">签到</span></div>

								<ul>
									<li><img src="img/my/libao.png" /> <span>我的礼包</span> <img src="img/my/yousanjiao.png" class="sanjiao" /></li>
									<li><img src="img/my/dingdan.png" /> <span>我的订单</span><img src="img/my/yousanjiao.png" class="sanjiao" /></li>
									<li><img src="img/my/shoucang.png" /> <span>我的收藏</span><img src="img/my/yousanjiao.png" class="sanjiao" /></li>
									<li class="guanyuwomen"><img src="img/my/gunyuwomen.png" /> <span>关于我们</span><img src="img/my/yousanjiao.png" class="sanjiao" /></li>
								</ul>
							</div>
						</div>
					</div>
					<!--登录以后-->
					<div class="yidenglu">
						<div class="youke">
							<div class="my_contimg">
								<img src="img/my/zhangyuanyuan.png" />
								<div class="yidenglumask"></div>
								<div class="masktxt">
									<img src="img/my/dengluhou1.png" /> <span>Lv5</span>
								</div>
							</div>

							<div class="detail">
								<div><span class="unuser">张媛媛</span></div>

								<div class="lianxuqiandao">
									<span class="lianxuqiandaotxt">连续签到</span><span class="lianxuqiandaotime">15</span><span class="lianxuqiandaoday">天</span><span class="lianxuqiandaodegree">等级说明</span>
									<img src="img/my/huiseqiandao.png" alt="" /><span class="press">已签到</span></div>

								<ul>
									<li><img src="img/my/libao.png" /> <span>我的礼包</span> <img src="img/my/yousanjiao.png" class="sanjiao" /></li>
									<li><img src="img/my/dingdan.png" /> <span>我的订单</span><img src="img/my/yousanjiao.png" class="sanjiao" /></li>
									<li><img src="img/my/shoucang.png" /> <span>我的收藏</span><img src="img/my/yousanjiao.png" class="sanjiao" /></li>
									<li class="guanyuwomen"><img src="img/my/gunyuwomen.png" /> <span>关于我们</span><img src="img/my/yousanjiao.png" class="sanjiao" /></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="tanchukuangMask">
					</div>
					<div class="mask2">
						<div class="tanchukuang">
							<div class="aboutus">
								<h3>关于我们</h3>
								<img src="img/my/chahao.png" class="shutDown" />
							</div>
							<div class="aboutustxt">
								<span class="app">玩咖游戏app</span>
								<span class="introduce">致力于玩家福利,为玩家提供更好的福利,享受游戏的快乐~~~</span>
							</div>
						</div>
					</div>
				</div>
				<!--content结束-->
				<footer id="footer">
					<ul>
						<li><img src="img/index-icon-homeOut.png" alt="" />
							<div>首页</div>
						</li>
						<li><img src="img/index-icon-playOut.png" alt="" />
							<div>视频</div>
						</li>
						<li><img src="img/index-icon-tagOut.png" alt="" />
							<div>商城</div>
						</li>
						<li class="my_user"><img src="img/my/denglihoumy.png" alt="" />
							<div>我的</div>
						</li>
					</ul>

				</footer>

			</div>

		</div>
		<script src="js/zepto.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/zepto.animate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/touch-0.2.14.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/my_first.js"></script>
		<script>
			//初始化
			$("#wrap").css("height", $(window).height());
			//滑动菜单
			//			touch.on($("#wrap_right"), "swipeleft swiperight", function(e) {
			//				var even = e || event;
			//				even.preventDefault();
			//				switch(even.type) {
			//					case 'swipeleft':
			//						$("#wrap_right").css("left", "0px");
			//						break;
			//					case 'swiperight':
			//						$("#wrap_right").css("left", "70%");
			//						break;
			//					default:
			//						break;
			//				}
			//			});
			//			//点击按钮滑动
			//			touch.on($(".menu"), "tap", function(e) {
			//				var even = e || event;
			//				even.preventDefault();
			//				even.stopPropagation();
			//				$("#wrap_right").css("left", "70%");
			//			});
			//			//点击空白恢复
			//			touch.on($("#wrap_right"), "tap", function(e) {
			//				var even = e || event;
			//				even.preventDefault();
			//				$("#wrap_right").css("left", "0px");
			//			});
		</script>
	</body>

</html>